<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/zhuce.css">
	</head>
	<body>
		<div class="wrap">
			<div class="zhuce_box">
				<div class="zhuce_title">
					<div class="zhuce_title_img"></div>
				</div>
				<div class="zhuce_txt1">注册小米帐号</div>
				<div class="input_box">
					<div class="input_txt1">国家/地区</div>
					<div class="input_guojia">
						<div class="input_guojia_txt1">中国</div>
						<div class="input_guojia_icon"></div>
						
						<div class="guojia_box">
							<input class="guojiainput">
							<div class="guojiainput1">阿富汗</div>
							<div class="guojiainput1">阿富汗</div>
							<div class="guojiainput1">阿富汗</div>
							<div class="guojiainput1">阿富汗</div>
							<div class="guojiainput1">阿富汗</div>
							<div class="guojiainput1">阿富汗</div>
							<div class="guojiainput1">阿富汗</div>
							<div class="guojiainput1">阿富汗</div>
							<div class="guojiainput1">阿富汗</div>
						</div>
						
					</div>
					<div class="input_guojia_txt2">成功注册帐号后，国家/地区将不能被修改</div>
					<div class="input_txt1">手机号码</div>
					<div class="input">
						<div class="input_txt5">+86
							<div class="input_txt6"></div>
						</div>
						<input class="ipt" placeholder="请输入手机号码">
					</div>
					<div class="input_hover_null">
						<div class="input_hover_img"></div>
						<span class="input_txt7">请输入手机号码</span>
					</div>
					<div class="input_hover_error">
						<div class="input_hover_img"></div>
						<span class="input_txt7">手机号码格式错误</span>
					</div>
					<div class="lijizhuce">立即注册</div>
					<div class="xieyi">
						<span class="xieyi_txt1">已阅读并同意：小米</span>
						<span class="xieyi_txt2">用户协议</span>
						<span class="xieyi_txt1">和</span>
						<span class="xieyi_txt2">隐私政策</span>
					</div>
				</div>
			</div>
		</div>
		<div class="footbox">
			<div class="foot1">
				<ul>
					<li>简体</li>
					<span class="foot1_txt1">|</span>
					<li>繁体</li>
					<span class="foot1_txt1">|</span>
					<li>English</li>
					<span class="foot1_txt1">|</span>
					<li>常见问题</li>
				</ul>
			</div>
			<div class="foot2">
				<p>小米公司版权所有-京ICP备10046444-</p><i></i><p style="cursor: pointer;">京公网安备11010802020134号</p><p>-京ICP证110507号</p>
			</div>
		</div>
		<script>
			var ipt = document.querySelector(".ipt");
			var nul = document.querySelector(".input_hover_null")
			var error = document.querySelector(".input_hover_error")
			ipt.onblur = function(){
				var val = ipt.value
				if(isNaN(val)){
					error.style.display = "block"
				}	
				if(!isNaN(val)){
					error.style.display = "none"
					if(this.value.length==0){
						nul.style.display = "block"
					}
					if(this.value.length!=0){
						nul.style.display = "none"
					}
					if(this.value.length!=11&&ipt.value.length!=0){
						error.style.display = "block"
					}
					if(this.value.length==11){
						error.style.display = "none"
					}
				}
			}
			var box = document.querySelector(".input_guojia")
			var boxs = document.querySelector(".guojia_box")
			box.onclick = function(){
				boxs.style.display = "block"
			}
			box.ondblclick = function(){
				boxs.style.display = "none"
			}
		</script>
	</body>
</html>
